@import "../variables.less";
.topbg{
  background: url(../assets/topbg.png) no-repeat;
  .rem-px(height,171);
  background-size: 100% auto;
  .rem-px(padding-top,20);
}

.smile {
  // background: url(../assets/smile.png) no-repeat;
  float: left;
  .rem-px(height,156);
  .rem-px(margin-left,10);
  .rem-px(padding-left,105);
  .rem-px(padding-top,105);
  background-size: 100% auto;
  .rem-px(width,120);
}

.headImg {
  .rem-px(width, 120);
  .rem-px(height, 120);
  position: absolute;
  .rem-px(top, 40);
  .rem-px(left, 20);
  .rem-px(border-radius, 60);
}

.edit {
   position: absolute;
   .rem-px(right, 15);
   .rem-px(top, 10);
}

.editImg{
  position: relative;
  .rem-px(width,118);
  // z-index: 10;
}
.contentInfo{
  float: left;
  .rem-px(padding-top,30);
  .rem-px(margin-left, 50);
}
.name {
  display: inline-block;
  // float: left;
  color:#fff;
  .rem-px(font-size,34);
  .rem-px(max-width,240);
  font-weight: 600;
  overflow: hidden;/*内容超出后隐藏*/
  text-overflow: ellipsis;/* 超出内容显示为省略号*/
  white-space: nowrap;/*文本不进行换行*/
}
.phone{
  color:#fff;
  .rem-px(margin-left,10);
  .rem-px(font-size,30);
  font-weight: 600;
  position: absolute;
  .rem-px(top, 55);
}
.role{
  color:#fff;
  font-weight: 600;
  // .rem-px(margin-left,20);
  .rem-px(font-size,20);
  background-color: rgba(198,99,18,.8);
  // .rem-px(padding-top,4);
  .rem-px(padding-left,15);
  // .rem-px(padding-bottom,4);
  .rem-px(padding-right,15);
  .rem-px(border-radius,15);
  position: absolute;
  .rem-px(top, 120);
  .rem-px(left, 100);
}

.shopName{
  .rem-px(font-size,24);
  font-weight: 600;
  color:#4c2100;
  .rem-px(line-height, 30);
  // .rem-px(margin-top, 15);
  .rem-px(width, 450);
  // overflow: hidden;/*内容超出后隐藏*/
  // text-overflow: ellipsis;/* 超出内容显示为省略号*/
  // white-space: nowrap;/*文本不进行换行*/
}
